import React from 'react'
import {withRouter,} from 'react-router-dom'

import '../LiveRoomHeader.css'
import SharePopup from "../../../../game-room/components/Header/SharePopup/SharePopup";
import {Icon} from "antd-mobile";
import ShareIcon from "../../../../../res/images/web/shared/share-icon.png";
import FireIcon from "../../../../../res/images/web/shared/fire.png";

const NotOnLiveHeader = props => {

    const {
        showSharePopup,
        hideSharePopup,
        history,
        onShowShare,
    } = props

    const starNotOnlineTemplate = (
        <div
            className='live-room-header-ctn'
        >
            <SharePopup
                showSharePopup={showSharePopup}
                hideSharePopup={hideSharePopup}

            />
            <div className='flex-space-between-align-center'>
                <Icon
                    type='left'
                    color='#fff'
                    size='lg'
                    onClick={() => history.goBack()}
                />

                <img
                    onClick={() => onShowShare()}
                    src={ShareIcon}
                    alt=''
                />
            </div>

            <div className='flex live-room-header-info'>
                <p>房号: {props.liveDetail.Id}</p>
                <div className='flex'>
                    <img src={FireIcon} alt=''/>
                    <p>3456</p>
                </div>
            </div>
        </div>
    )

    return starNotOnlineTemplate
}

export default withRouter(NotOnLiveHeader)
